@import "./theme_colors";

.fadeIn {
  animation: fadeIn .3s ease-in-out;
}

.fadeOut {
  animation: fadeOut .3s ease-in-out;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.highlight_problem {
  animation: blink 1.9s infinite;
  background-color: $scroll_active;
}

@keyframes blink {
  0% {
    background-color: $constructor_element;
    filter: blur(0);
  }
  50% {
    background-color: $scroll_active;
    filter: blur(1px);
  }
  100% {
    background-color: $constructor_element;
    filter: blur(0);
  }
}